.OverallProgress {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 6px;
	position: relative;
	z-index: 1;
	background: #363635;

	& > .Map {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
	}

	& > .top {
		position: absolute;
		left: calc(50% - 250px);
		top: 16px;
		width: 500px;
		padding: 8px;
		border-radius: 6px;
		background: rgba(38, 38, 38, 0.35);
		backdrop-filter: blur(10px);
		z-index: 1;
		display: flex;
		align-items: center;
		justify-content: center;

		& > * {
			margin: 0 4px;

			&.ant-select {
				flex: 1;
			}
		}
	}

	& > .left,
	& > .right {
		position: absolute;
		top: 16px;
		width: 320px;
		height: calc(100% - 32px);
		z-index: 1;
		padding: 16px;
		border-radius: 6px;
		background: rgba(38, 38, 38, 0.35);
		backdrop-filter: blur(10px);

		&.left {
			left: 16px;

			& > .ant-tree {
				height: 100%;
				background: rgba(255, 255, 255, 0.55);
				overflow-y: scroll;

				&::-webkit-scrollbar {
					display: none;
				}
			}
		}

		&.right {
			right: 16px;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > .title {
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-bottom: 16px;

				& > div {
					flex: 1;
					font-size: 16px;
					font-family: PingFang SC;
					font-weight: 600;
					color: #ffffff;
					line-height: 18px;
					margin-right: 8px;
				}

				& > span {
					color: white;
					font-size: 24px;
					cursor: pointer;
				}
			}

			& > .list {
				width: 100%;
				flex: 1;
				background: rgba(255, 255, 255, 0.55);
				backdrop-filter: blur(10px);
				padding: 8px;
				border-radius: 6px;
				user-select: none;
				overflow-y: scroll;

				&::-webkit-scrollbar {
					display: none;
				}

				& > .ant-empty {
					width: 100%;
					height: 100%;
					display: flex;
					align-items: center;
					justify-content: center;
					flex-direction: column;
				}
			}
		}
	}
}
